<!DOCTYPE html>
<html>
    <head>
      <meta charset="utf-8"> 
      <title>ShopWeb</title>
    </head>
    <body>
      <!-- 头部 -->
      <div>
        <a href="https://www.baidu.com" target="_parent"><img src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=0fc9b8c7261f95cab2f89ae4a87e145b/1c950a7b02087bf49212ea50f1d3572c10dfcf89.jpg" width = "720" height="380"></a>
      </div>

      <div><b><hr/></b></div>
      
      <!-- 导航栏-->
      <div>
        <ul>
          <li><a href="www.hao123.com"><img src="https://cdn-img.easyicon.net/png/11875/1187564.gif" width="28" height="28">第一栏</a></li>
          <li><a href="www.iqiyi.com"><img src="https://cdn-img.easyicon.net/png/11875/1187565.gif" width="28" height="28">第二栏</a></li>
          <li><a href="www.ifeng.com"><img src="https://cdn-img.easyicon.net/png/11875/1187576.gif" width="28" height="28">第三栏</a></li>
          <li>
            <form method="GET" action="https://www.baidu.com">
                搜索:<input type="text" name="search_val"><input type="submit" value="搜索">
            </form>
          </li>
          <li>
            <iframe src="https://www.baidu.com">链接到百度</iframe> 
          </li>
        </ul>
      </div>

      <!-- 附属栏 -->
      <div>
        <table border="1">
          <caption>商品列表</caption>
          
          <!--第一行-->
          <tr>
            <td>
              <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804284416&di=ad5ab486b23a6c695946110a05de5687&imgtype=0&src=http%3A%2F%2Ftc.sinaimg.cn%2Fmaxwidth.800%2Ftc.service.weibo.com%2F7xp5jz_com1_z0_glb_clouddn_com%2F146a305a543a352f9d1e9d5b81a4dfc2.jpg" target="_parent">
                <img src = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804284416&di=ad5ab486b23a6c695946110a05de5687&imgtype=0&src=http%3A%2F%2Ftc.sinaimg.cn%2Fmaxwidth.800%2Ftc.service.weibo.com%2F7xp5jz_com1_z0_glb_clouddn_com%2F146a305a543a352f9d1e9d5b81a4dfc2.jpg" width = "203" height="368">
              </a>
            </td>

            <td>
                <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804312934&di=004a194467c100342dde0882c138d74d&imgtype=0&src=http%3A%2F%2Fimg0.ph.126.net%2FVD1vaODCKxUw6HlYjTSqwg%3D%3D%2F2628976282495511844.jpg" target="_parent">
                  <img src = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804312934&di=004a194467c100342dde0882c138d74d&imgtype=0&src=http%3A%2F%2Fimg0.ph.126.net%2FVD1vaODCKxUw6HlYjTSqwg%3D%3D%2F2628976282495511844.jpg" width = "203" height="368">
                </a>
            </td>

            <td>
                <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=0c9860b2314efeed6bf4da49869f2a82&imgtype=0&src=http%3A%2F%2Fimg5q.duitang.com%2Fuploads%2Fitem%2F201310%2F29%2F20131029232643_rzNvf.thumb.700_0.jpeg" target="_parent">
                  <img src = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=0c9860b2314efeed6bf4da49869f2a82&imgtype=0&src=http%3A%2F%2Fimg5q.duitang.com%2Fuploads%2Fitem%2F201310%2F29%2F20131029232643_rzNvf.thumb.700_0.jpeg" width = "203" height="368">
                </a>
            </td>
          </tr>

          <tr>
              <td>
                <form>
                    <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804284416&di=ad5ab486b23a6c695946110a05de5687&imgtype=0&src=http%3A%2F%2Ftc.sinaimg.cn%2Fmaxwidth.800%2Ftc.service.weibo.com%2F7xp5jz_com1_z0_glb_clouddn_com%2F146a305a543a352f9d1e9d5b81a4dfc2.jpg" target="_parent">
                  <input type="button" value="$8888 购买">
                  </a>
                </form>
              </td>
  
              <td>
                  <form>
                      <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804312934&di=004a194467c100342dde0882c138d74d&imgtype=0&src=http%3A%2F%2Fimg0.ph.126.net%2FVD1vaODCKxUw6HlYjTSqwg%3D%3D%2F2628976282495511844.jpg" target="_parent">
                    <input type="button" value="$8888 购买">
                    </a>
                  </form>
              </td>
  
              <td>
                  <form>
                      <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=0c9860b2314efeed6bf4da49869f2a82&imgtype=0&src=http%3A%2F%2Fimg5q.duitang.com%2Fuploads%2Fitem%2F201310%2F29%2F20131029232643_rzNvf.thumb.700_0.jpeg" target="_parent">
                    <input type="button" value="$8888 购买">
                    </a>
                  </form>
              </td>
          </tr>

          <tr> </tr>
          
            <!--第二行-->
          <tr>
              <td>
                  <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=9931578604c966676e3ab5a8d5aae864&imgtype=0&src=http%3A%2F%2Fimg10.360buyimg.com%2Fimgzone%2Fjfs%2Ft2842%2F125%2F415141336%2F318374%2F6c1ce27d%2F5711e525N9e200374.jpg" target="_parent">
                      <img src = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=9931578604c966676e3ab5a8d5aae864&imgtype=0&src=http%3A%2F%2Fimg10.360buyimg.com%2Fimgzone%2Fjfs%2Ft2842%2F125%2F415141336%2F318374%2F6c1ce27d%2F5711e525N9e200374.jpg" width = "203" height="368">
                  </a>
              </td>
  
              <td>
                  <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=c14ef3c6f44e33aa62f208c85c79ce5e&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201409%2F17%2F20140917221654_wT52v.jpeg" target="_parent">
                      <img src = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=c14ef3c6f44e33aa62f208c85c79ce5e&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201409%2F17%2F20140917221654_wT52v.jpeg" width = "203" height="368">
                  </a>
              </td>
  
              <td>
                  <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=d993badb28cb88dffeecebaf3894d724&imgtype=0&src=http%3A%2F%2Fimg2.ph.126.net%2FBrPP8eUGQnJqhV171ZyPvg%3D%3D%2F6631559247397356359.jpg" target="_parent">
                      <img src = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=d993badb28cb88dffeecebaf3894d724&imgtype=0&src=http%3A%2F%2Fimg2.ph.126.net%2FBrPP8eUGQnJqhV171ZyPvg%3D%3D%2F6631559247397356359.jpg" width = "203" height="368">
                  </a>
              </td>
          </tr>

          <tr>
              <td>
                 <form>
                   <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=9931578604c966676e3ab5a8d5aae864&imgtype=0&src=http%3A%2F%2Fimg10.360buyimg.com%2Fimgzone%2Fjfs%2Ft2842%2F125%2F415141336%2F318374%2F6c1ce27d%2F5711e525N9e200374.jpg" target="_parent">
                   <input type="button" value="$8888 购买">
                   </a>
                 </form>
              </td>
      
              <td>
                  <form>
                    <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=c14ef3c6f44e33aa62f208c85c79ce5e&imgtype=0&src=http%3A%2F%2Fimg5.duitang.com%2Fuploads%2Fitem%2F201409%2F17%2F20140917221654_wT52v.jpeg" target="_parent">
                    <input type="button" value="$8888 购买">
                    </a>
                  </form>
              </td>
      
              <td>
                  <form>
                    <a href="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1528804313095&di=d993badb28cb88dffeecebaf3894d724&imgtype=0&src=http%3A%2F%2Fimg2.ph.126.net%2FBrPP8eUGQnJqhV171ZyPvg%3D%3D%2F6631559247397356359.jpg" target="_parent">
                    <input type="button" value="$8888 购买">
                    </a>
                  </form>
              </td>
          </tr> 
        </table>
        <br/><hr/><br/>
        <table border="1">
          <caption>即将推出</caption>
          <tr>
              <td>
                  <video width="203" height="368" controls autoplay loop>
                      <source src="src/video/car.mp4" type="video/mp4">
                        <object data="src/video/car.mp4" width="203" height="368">
                            <embed src="src/video/car.mp4" width="203" height="368">
                  </video>
              </td>
              <td>
                 <img src="src/img/boy.jpg" width="203" height="368"/>
              </td>
              <td>
                  <img src="src/img/gird.jpg" width="203" height="368"/>
              </td>
          </tr>
        </table>
      </div>

      <!-- <div>
          <video controls autoplay>
              <source src="src/video/car.mp4" type="video/mp4">
                <object data="src/video/car.mp4" width="203" height="368">
                    <embed src="src/video/car.mp4" width="203" height="368">
          </video>
      </div> -->

      <!-- 尾部-->
      <div>
        <br/><br/><br/><br/><br/>
        <h5>
          copyright:<em>none</em>
          <address>广东省北京市汕头区青岛村敦煌街888号888楼</address>
        </h5>
      </div>
    </body>
</html>